<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2020-5-31</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <div class="brand"></div>
        <div class="nav-warp">
            <div class="nav container">
                <div class="side">
                    <i class="icon icon-location"></i>
                    <a href="#">北京<切换></a>
                </div>
                <div class="link">
                    <a href="#">首页</a>
                    <a href="#">资讯</a>
                    <a href="#">测评</a>
                    <a href="#">商城</a>
                </div>
                <div class="side" style="text-align: right;">
                    <i class="icon icon-person"></i>
                    <a href="#">个人中心</a>
                </div>
            </div>
        </div>
    </header>
    <div class="container main">
        <div class="menu">
            <a class="title" href="./home.html" target="iframe">用户中心首页</a>
            <div class="sub-menu"><i class="icon"></i>我的检测</div>
            <div class="list">
                <a href="#">上门检测</a>
                <a href="#">DIY检测</a>
            </div>
            <div class="sub-menu"><i class="icon"></i>我的治理</div>
            <div class="list">
                <a href="#">上门治理</a>
            </div>
            <div class="sub-menu"><i class="icon"></i>我的装修</div>
            <div class="list">
                <a href="#">装修方案</a>
            </div>
            <div class="sub-menu"><i class="icon"></i>我的收藏</div>
            <div class="list">
                <a href="#">装修材料</a>
                <a href="#">净化产品</a>
                <a href="#">资讯</a>
                <a href="#">测评</a>
            </div>
            <div class="sub-menu"><i class="icon"></i>个人资料</div>
            <div class="list">
                <a href="#">个人资料</a>
                <a href="#">修改密码</a>
                <a href="./change-pwd.html" target="iframe">绑定手机\微信</a>
            </div>
            <div class="sub-menu"><i class="icon"></i>积分管理</div>
            <div class="list">
                <a href="#">积分兑换</a>
                <a href="#">积分兑换</a>
                <a href="#">积分兑换</a>
            </div>
        </div>
        <div class="content">
            <iframe src="./home.html" frameborder="0" name="iframe"></iframe>
        </div>
    </div>
    <div class="footer">
        <div class="container" >
            <div style="display: flex;">
                <div class="left">
                    <div class="footer-logo"></div>
                    <h3 style="margin-bottom: 10px;">为室内环境健康把好每一关</h3>
                    <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
                </div>
                <div class="middle">
                    <div style="margin-right: 30px;">
                        <p>关于我们</p>
                        <p>关于我们</p>
                        <p>关于我们</p>
                    </div>
                    <div>
                        <p>关于我们</p>
                        <p>关于我们</p>
                        <p>关于我们</p>
                    </div>
                </div>
                <div class="right">
                    <p><i class="icon-1"></i> 官方微信</p>
                    <p><i class="icon-2"></i> 天猫旗舰店</p>
                    <p><i class="icon-3"></i> 有赞商城</p>
                </div>
            </div>
            <hr style="border: 0.5px solid rgb(115, 115, 115);">
            <div class="copy">
                <span>深圳建筑科学研究院股份有限公司</span>
                <span>家居医生网</span>
                <span style="float: right;">粤ICP备08011321号 ©Copyright All Rights Reserved</span>
            </div>
        </div>
    </div>
</body>
</html>